@import "../var";
@import "../mixin";
// 可选服务
.service-select-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: $clr-bg;
  transform: translateX(100%);
  transition: all .3s;
  &.show {
    transform: translateX(0);
  }
  .service-select-tips {
    height: px(44);
    line-height: px(44);
    padding: 0 px(16);
    position: relative;
    background-color: $clr-white;
    .tips-t1 {
      font-size: px(16);
      color: $clr-g3;
    }
    .tips-t2 {
      font-size: px(14);
      color: $clr-g9;
    }
    &:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      left: .16rem;
      border-top: 1px solid #eee;
      transform: scaleY(.5);
    }
  }
  .service-list {
    .service-item {
      margin-bottom: px(10);
      .gzl-cell__bd {
        .service-name {
          width: px(259);
          line-height: px(20);
          font-size: px(14);
          margin-bottom: px(4);
          @include line-clamp(2);
        }
        .service-price {
          height: px(20);
          line-height: px(20);
          font-size: px(14);
          color: $clr-warn;
        }
      }
      .service-select-ri {
        text-align: right;
        .service-select-count {
          line-height: px(20);
          margin-bottom: px(2);
          font-size: px(14);
          color: $clr-g9;
        }
        .service-select-btn {
          height: px(20);
          line-height: px(20);
          font-size: px(14);
          color: $clr-active;
        }
      }
    }
  }
}

// 计数器宽度调整
.gzl-count {
  width: px(68) !important;
}

// 弹窗标题单行省略调整
.gzl-popup {
  .gzl-popup__tit {
    @include ellipsis();
  }
}

// 弹窗字体大小修改
.room-count {
  .gzl-cell__bd {
    font-size: px(16);
  }
}

.per-room-list {
  .per-room-item {
    margin-bottom: px(6);
  }
}

// gzl-cell样式修改
.gzl-cell {
  &:last-child {
    &:after {
      opacity: 0;
    }
  }
  .gzl-cell__bd {
    &.prc {
      text-align: center;
      color: $clr-warn;
    }
    &.count {
      text-align: right;
      color: $clr-g9;
    }
    &.sel {
      width: px(280);
      text-align: left;
      font-size: px(14);
      color: $clr-g9;
      @include ellipsis();
    }
  }
}

.monomial-select {
  margin-bottom: px(0);
  .gzl-cell {
    &.cardType {
      margin-bottom: px(10);
      &:after {
        opacity: 0;
      }
    }
  }
}

// 弹窗gzl-cell样式修改
.gzl-popup__box {
  .gzl-cell {
    &:after {
      opacity: 0;
    }
  }
}

// 可选服务明细gzl-cell样式修改
.service-selected-list {
  .gzl-cell {
    &:after {
      opacity: 0;
    }
  }
}

.room-outer-list {
  &>:last-child {
    margin-bottom: px(27);
  }
}

.select-list {
  @include calc(padding,0,16);
  .select-item {
    height: px(28);
    line-height: px(28);
    @include calc(padding,0,20);
    margin: px(0) px(10) px(10) px(0);
    background-color: $clr-bg;
    border-radius: px(28);
    font-size: 0;
    color: $clr-g3;
    p {
      width: px(241);
      font-size: px(12);
      display: inline-block;
      vertical-align: middle;
      @include ellipsis();
    }
    span {
      font-size: px(12);
      display: inline-block;
      vertical-align: middle;
      margin-left: px(8);
      &.prc {
        color: $clr-warn;
      }
    }
  }
}
